<template>
  <div class="pageBox">
    <head-component title="视频详情"></head-component>
    <div class="videoBox">
      <video src="" controls></video>
    </div>
    <div class="con">悦曼商城为您带来最优质全面的服务套餐最优</div>
  </div>
</template>

<script type="text/ecmascript-6">
import { defineComponent } from "vue";
import headComponent from "../../components/headComponent.vue";

export default defineComponent({
  components: {
    headComponent,
  },
  setup() {
    function onRightText() {
      console.log(123)
    }
    return {
      onRightText
    };
  },
});
</script>

<style scoped lang="less">
.pageBox {
  width: 100%;
  min-height: 100vh;
  padding-top: 88px;
  .videoBox {
    height: 440px;
    video {
      width: 100%;
      height: 440px;
    }
  }
  .con {
    padding: 30px;
    font-size: 26px;
    font-weight: 400;
    color: #666666;
    img {
      max-width: 100%;
    }
  }
}
</style>